{% extends "_layouts/examples.html" %}
{% block title %}Grid / Nesting - Medium screens{% endblock %}

{% block standalone_css %}patterns_grid-8{% endblock %}

{% block content %}
<div class="grid-row grid-demo">
  <div class="grid-col-medium-4">
    .grid-col-medium-4
    <div class="grid-row">
      <div class="grid-col-medium-3">
        .grid-col-medium-3
        <div class="grid-col-medium-1">
          .grid-col-medium-1
        </div>
        <div class="grid-col-medium-1">
          .grid-col-medium-1
        </div>
        <div class="grid-col-medium-1">
          .grid-col-medium-1
        </div>
      </div>
      <div class="grid-col-medium-1">
        .grid-col-medium-1
        <div class="grid-col-medium-1">
          .grid-col-medium-1
        </div>
        <div class="grid-col-medium-1">
          .grid-col-medium-1
        </div>
        <div class="grid-col-medium-1">
          .grid-col-medium-1
        </div>
        <div class="grid-col-medium-1">
          .grid-col-medium-1
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}
